﻿body {
    font-size: 14px;
    height: 100vh;
    font-family: "Microsoft Yahei", sans-serif;
}

*,
*:focus { outline: 0 !important; }

.navbar {
    min-height: 32px;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
    color: #fff;
}

.navbar .navbar-collapse {
    overflow: visible;
    padding: 0;
}

.navbar .navbar-toggle { padding: 5px 10px; }

.navbar .navbar-brand {
    font-size: inherit;
    height: 55px;
    line-height: 100%;
}

.btn.btn-default {
    color: #444;
    background-color: #FAFAFA;
}

.btn {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    font-weight: 500;
    letter-spacing: .01em;
    border: none;
}

textarea.code {
    font-family: "Microsoft Yahei", sans-serif;
    font-size: 13px;
    min-height: 60vh;
    resize: vertical;
    color: #000;
    border: 1px solid #F5f3f3;
    border-radius: 3px;
}
    textarea.code:focus {
        border: 1px solid #F5f3f3;
        box-shadow: 0px 0px 20px #b3d4fc;
    }
.border-bot-1 {
    border-bottom: 1px solid grey;
}
.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.sidebar {
    display: none;
    background: #fafafa;
    margin-top: 2px;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    border-right: 1px solid #eee;
}

.btn-go-back { margin-top: -5px; }

.nav-sidebar {
    margin-right: -21px;
    margin-bottom: 20px;
    margin-left: -20px;
}


.nav-sidebar > li > a {
    color: #7a7a7a;
    padding: 7px 0 7px 16px;
}


.nav-sidebar > li > a:hover,
.nav-sidebar > li > a:focus {
    background: none;
    color: #1378b9;
}

.nav-sidebar > li.active > a { color: #2196F3; }


.main { padding: 0; }

.main .page-header { margin-top: 0; }

.file-tree ul.nav.nav-sidebar {
    margin: 0;
    padding: 0;
    padding-left: 12px;
}

.file-tree ul.nav.nav-sidebar:first-child { padding-left: 0; }

.file-tree ul.nav.nav-sidebar.file-tree-root > li {
    border-left: none;
    padding-left: 0px;
}

.table td { vertical-align: middle; }

#context-menu {
    position: absolute;
    display: none;
    z-index: 9999;
}

.iconset { padding: 10px; }

.col-120 {
    width: 100px;
    max-height: 100px;
    float: left;
    margin-bottom: 9px;
    margin-right: 9px;
}

.col-120:last-child { margin-right: 0; }

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none; /* non-prefixed version, currently */
}

.iconset .thumbnail {
    border-radius: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    padding: 10px 0;
    border: none;
    background: none;
}

.table-files .selected,
.iconset .thumbnail.selected { background: #2196F3; }

.iconset .thumbnail.selected,
.table-files .selected td,
.table-files .selected td a { color: #fff; }

.iconset .thumbnail .item-icon { font-size: 32px; }

.detail-sources {
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e1622f), color-stop(0.05, #fd7d36), color-stop(0.1, #fe9778), color-stop(0.15, #ff9b6a), color-stop(0.2, #f3d64e), color-stop(0.25, #f1b8e4), color-stop(0.3, #d9b8f1), color-stop(0.35, #f1ccb8), color-stop(0.4, #f1f1b8), color-stop(0.45, #b8f1ed), color-stop(0.5, #b8f1cc), color-stop(0.55, #CDDC39), color-stop(0.6, #e7dac9), color-stop(0.65, #FFC107), color-stop(0.7, #FF9800), color-stop(0.75, #fa7497), color-stop(0.8, #f9b747), color-stop(0.85, #dcff93), color-stop(0.9, #b7d28d), color-stop(0.95, #f2debd), color-stop(1, #b7d28d));
}

.dropdown-menu { font-size: 14px; }

.dropdown-menu > li > a { padding: 6px 20px; }

.dropdown-menu > li > a > i { margin-right: 4px; }

.dropdown-menu.dropdown-right-click {
    display: block;
    position: static;
    margin-bottom: 5px;
}

.dropdown-menu.dropdown-right-click .divider { margin: 3px 0; }

.upload-dragover .main { opacity: .4; }

.upload-dragover:before {
    content: "\e198";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    color: #2196F3;
    font-size: 8em;
    font-family: 'Glyphicons Halflings';
}

.upload-list { margin-top: 20px; }

.spinner-wrapper {
    margin: 0 auto;
    text-align: center;
    margin-top: 8%;
}

a:hover,
a:active,
a:focus,
table th > a:hover,
table th > a:active,
table th > a:focus { text-decoration: none; }

.sortorder:after {
    color: #2196f3;
    content: '\25bc';
}

.sortorder.reverse:after {
    color: #2196f3;
    content: '\25b2';
}

[ng\:cloak], [ng-cloak],
[data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak { display: none !important; }

.mr2 { margin-right: 2px; }

.mr5 { margin-right: 5px; }

.mt10 { margin-top: 10px; }

.mb0 { margin-bottom: 0; }

.pointer { cursor: pointer; }

.block { display: block; }

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bold { font-weight: bold; }

.main { overflow-y: auto; }

@media (min-width: 768px) {
    .main {
        padding-right: 0;
        padding-left: 0;
    }

    /* The view should fill all available vertical space */
    angular-filemanager > div, .row, .main, .sidebar { height: 100%; }

    .container-fluid {
        height: -webkit-calc(100% - 58px);
        height: -moz-calc(100% - 58px);
        height: calc(100% - 58px);
    }

    .sidebar { display: block; }
}

.selected-file-details { padding-left: 20px; }

.item-extension::after {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    content: attr(data-ext);
    left: 4px;
    position: absolute;
    color: #fff;
    font-size: 9px;
    text-transform: uppercase;
    top: 21px;
}

.selected .item-extension::after { color: #2196F3; }

.form-control.search-input {
    max-width: 20em;
    display: inline;
}

.like-code { display: inline; }

.point {
    margin-right: 8px;
    font-size: 10px;
}

.navbar .btn.btn-flat {
    padding: 2px;
    width: 32px;
    height: 30px;
    margin-left: 5px;
}

.navbar-inverse .navbar-toggle .icon-bar { background: #fff; }

.navbar-inverse .navbar-form input[type="text"] {
    color: #7a7a7a;
    box-shadow: none;
    margin: 0 10px;
}

.navbar .navbar-form {
    border-bottom: none;
    border-top: none;
    box-shadow: none;
    padding: 0;
    margin: 12px 0;
}

.breadcrumb {
    background: none;
    padding: 0;
    font-size: 17px;
    margin: 12px 0;
    overflow: hidden;
    max-height: 30px
}

.breadcrumb > .active,
.breadcrumb a { color: #fff; }

.breadcrumb > li + li:before {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    font-size: 12px;
    color: #fff;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.btn.btn-flat {
    background: none;
    color: #fff;
}

.btn-group.open > .btn-flat,
.btn.btn-flat,
.btn.btn-flat:active { box-shadow: none; }

.btn.btn-flat > i {
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 100%;
}